<template>
  <el-dialog
    :fullscreen="true"
    :append-to-body="true"
    title="预览"
    :visible.sync="dialogVisible"
    width="40%"
  >
    <el-carousel :interval="4000" type="card">
      <el-carousel-item v-for="item in imgs" :key="item" height="100vh">
        <img
          :src="jiemaKey + '/' + item"
          alt=""
          style="width: 100%; height: 100%"
        />
      </el-carousel-item>
    </el-carousel>
  </el-dialog>
</template>
<script>
import { JIEMA } from "@/utils/local";
export default {
  props: {
    imgs: {
      type: Array,
      default: () => [],
    },
    dialogVisible: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      jiemaKey: JIEMA,
    };
  },
};
</script>
<style lang="scss" scoped>
</style>